.layout{width:1205px;margin:0 0 0 40px;}
html, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form,img,body{ margin:0; padding:0; }
img { border:none; }
img{display: block;}
ul, ol { list-style:none; }
a { color:#666; text-decoration:none;}
html,body{
	width: 100%;
	height: 100%;
	position: relative;
}
/*wrap*/
/*外部布局不能用float:left;改成margin:0 auto;*/
.wrap_l{
	width:1245px;
	margin: 0 auto;
}
.wrap_r{
	top:0;
	width: 35px;
	height: 100%;
	background: #444444;
	position: fixed;
	right: 0;
	color: #90a6a6;
	font-size: 12px;
}
/*清除浮动*/
.clean{
	height:0;
	overflow: hidden;
	clear: both;
}
/*登录注册*/
	.login{
		width:35px;
		height:30px;
		margin-top: 84px;
		background: url("../images/img/bar_new.png") 0 -206px no-repeat;
	}
		.wrap_r_block1{
			color: yellow;
			width:300px;
			height:100px;
			line-height: 100px;
			background: gray;
			position:absolute;
			right:35px;
			z-index: 20000;
			text-align: center;
			display: none;
		}
		.wrap_r_block1 a{
			color: red;
			text-decoration: underline;
		}
		.login:hover .wrap_r_block1{
			display: block;
		}
/*购物车*/
	.wrap_r_block2{
		height:102px;
	}
	.wrap_r_cart{
		height:30px;
		width:35px;
		background: url("../images/img/bar_new.png") 0 -276px no-repeat;
		margin-top: 57px;
	}
	.wrap_r span{
		display: inline-block;
		margin-left: 10px;
		height:74px;
	}
	.wrap_r span i{
		font-style: normal;
		display: inline-block;
		width:20px;
		height:20px;
		border-radius: 20px;
		background: #a6a6a6;
		color: #444;
		margin-left:-2px;
		text-align: center;
	}
	/*有错误*/
	.wrap_r_block22{
		width:530px;
		height:220px;
		border:1px solid #ddd;
		background: #fff;
		position:absolute;
		right:35px;
		top: 172px;
		z-index: 1000000000;
		display: none;
	}
	.wrap_r_block2:hover .wrap_r_block22{
		display: block;
		transition: all .5s;
	}
	.wrap_r_block2:hover{
		background:rgba(255,255,255,.3);
	}
	/*客服*/
	.wrap_r_block3{
		width:35px;
		height:108px;
		margin-top: 30px;
	}
	.wrap_r_servers{
		width:35px;
		height:30px;
		background: url("../images/img/bar_new.png") 0 -618px no-repeat;
	}
	.wrap_r_block3:hover{
		background:rgba(255,255,255,.3);
	}
	/*订单*/
	.wrap_r_block4{
		width:35px;
		height:30px;
		margin-top:28px;
		padding: 8px 0 0 0;
	}
	.wrap_r_block44{
		width:35px;
		height:30px;
		background:url("../images/img/bar_new.png") 0 -310px no-repeat;
	}
	.wrap_r_block4 img{
		position: absolute;
		right:35px;
		top:428px;
		opacity: 0;
	}
	.wrap_r_block4:hover{
		background:rgba(255,255,255,.3);
	}
	.wrap_r_block4:hover img{
		opacity: 1;
		transform: translateX(17px);
		transition:all 1s;
	}
/*收藏*/
	.wrap_r_block5{
		width:35px;
		height:30px;
		margin-top:26px;
		padding: 8px 0 0 0;
	}
	.wrap_r_block55{
		width:35px;
		height:30px;
		background:url("../images/img/bar_new.png") 0 -380px no-repeat;
	}
	.wrap_r_block555{
		width:300px;
		height:200px;
		border-top:2px solid #ddd;
		border-left:2px solid #ddd;
		position: absolute;
		right:35px;
		top:504px;
		display: none;
	}
	.wrap_r_block5:hover{
		background:rgba(255,255,255,.3);
	}
	.wrap_r_block5:hover .wrap_r_block555{
		display: block;
		transition: all .5s;
	}
/*二维码*/
	.wrap_r_block6{
		width:35px;
		height:30px;
		margin-top:36px;
		padding: 8px 0 0 0;
	}
	.wrap_r_block66{
		width:35px;
		height:30px;
		background:url("../images/img/bar_new.png") 0 -452px no-repeat;
	}
	.wrap_r_block6:hover{
		 background:rgba(255,255,255,.3);
	 }
	.wrap_r_block6:hover img{
		display: block;
	}
	.wrap_r_block6 img{
		position: absolute;
		right:35px;
		top: 212px;
		border:1px solid #ddd;
		display: none;
	}
	/*回顶部*/
	#wrap_r_block7{
		width:35px;
		height:30px;
		margin-top:28px;
		padding: 8px 0 0 0;
	}
	.wrap_r_block77{
		width:35px;
		height:30px;
		background:url("../images/img/bar_new.png") 0 -524px no-repeat;
	}
	#wrap_r_block7 img{
		position: absolute;
		right:35px;
		top:636px;
		display: none;
	}
	#wrap_r_block7:hover{
		background:rgba(255,255,255,.3);
	}
	#wrap_r_block7:hover img{
		display: block;
		transform: translateX(10px);
		transition:all 1s;
	}
/*header*/
.header{
	height: 29px;
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
	line-height: 29px;
	font-size: 12px;
	position: relative;
}
	/*我的E宠*/
	.mypet{
		width: 88px;
		height: 80px;
		border: 1px solid #ddd;
		position: absolute;
		left:920px;
		padding-left: 12px;
		background: white;
		display: none;
	}
	.mypet li{
		background: url(../images/img/icon_7.jpg) left center no-repeat;
		line-height: 25px;
	}
	.mypet a:hover {
		color: blue
	}
	/*收藏我*/
	.collect{
		padding: 14px 18px 16px 14px;
		border: 1px solid #ddd;
		position: absolute;
		left: 860px;
		background: white;
		display: none;
	}
	.collect input{
		font-size: 12px ;
		background: #f7fbfb;
		border: 1px solid #93b0aa;
		margin-right: 3px;
		border-radius: 5px;
		height: 25px;
	}
	
	.layout>a:nth-child(1){
		display: inline-block;
		width: 65px;
		height: 20px;
	}
	.layout>a:nth-child(1) img{
		margin-left: 5px;
		display: inline-block;
	}
	.layout>a:nth-child(2){
		display: inline-block;
		width: 75px;
		padding-left: 20px;
		background: url(../images/img/icon_1.jpg) no-repeat left;
	}
	.layout>a:nth-child(2):hover{
		color: orange;
	}
	.layout>a:nth-child(3):hover{
		color: blue;
	}
	.layout>a:nth-child(3) span{
		color: orange;
	}
	.header_r{
		width: 544px;
		height: 29px;
		float: right;
	}
	.header_r img{
		display: inline-block;
		margin-left: 3px;
		transform: rotate(90deg);
	}

	.header_r a{
		margin-right: 12px;
	}
	.header_r a:hover{
		color: blue;
	}
	.header_r a:nth-child(3){
		padding-left: 19px;
		background: url(../images/img/icon_3.jpg) no-repeat 0 2px;
	}
	.header_r a:nth-child(3) span{
		color: red;
	}
	.header_r a:nth-child(4) {
		display: inline-block;
		padding-left: 19px;
		height: 29px;
		background: url(../images/img/icon_4.jpg) no-repeat 0 8px;
	}
	.header_r a:nth-child(5){
		height: 29px;
		display: inline-block;
	}
	
	.header_r a:nth-child(6) {
		padding-left: 19px;
		background: url(../images/img/icon_5.jpg) no-repeat 0 2px;
	}
	.header_r a:nth-child(8) {
		color: red;
	}
	.header_r a:nth-child(8):hover {
		color: blue;
	}
	
	
	
/*search*/
.search{
	height: 155px;
}
	.search .search_t{
		height: 120px;
	}
	.search .search_t img{
		float:left;
	}
	.search_t_c{
		width: 610px;
		height: 90px;
		float: left;
	}
	.find{
		float: left;
		width: 440px;
		height: 30px;
		border: 2px solid #e74085;
		margin: 30px 0 0 90px;
	}
	.find .txt1{
		width: 350px;
		height: 27px;
		border: none;
		padding-left: 14px ;
	}
	.find .btn1{
		width: 70px;
		height: 30px;
		border: none;
		background: #e74085;
		color: white;
	}
	.list1{
		margin: 75px 0 0 90px;
		font-size: 12px;
		color: #999;
	}
	.list1 li{
		float: left;
	}
	.list1 li:nth-child(2) a{
		color: red;
	}
	.list1 li a{
		padding: 9px;
		color: #999;
	}
	.tell{
		margin-top: 34px;
	}
	.cart{
		float: left;
		background: url(../images/img/shopping_cart1.gif) 65px 28px no-repeat;
		width: 90px;
	    height: 40px;
	    padding: 38px 0 0 110px;
		font-size: 14px;
		color: #666;
	}
	.cart a:hover{
		color: blue;
	}
	.cart a span{
		color: red;
	}
	.search_b{
		height: 35px;
	}
	.list2{
		width: 226px;
		float: left;
	}
	.list2 img{
		display: inline-block;
		margin-left: 3px;
	}
	.list2 li{
		border: 1px solid #ddd;
		float: left;
		text-align: center;
		width: 110px;
		line-height: 33px;
	}
	.list3{
		float: left;
		font-weight: 600;
	}
	.list3 img{
		display: inline-block;
		margin: 5px 3px 0 8px;
		float: left;
	}
	.list3 li{
		padding: 0 20px;
		line-height: 35px;
		float: left;
	}
	
/*footer*/
.footer{
	margin-top: 30px;
	height: 96px;
	border-bottom: 1px solid #e5e5e5;
	background: #f5f5f5;
	overflow: hidden;
}
	.footer_main{
		margin-top: 16px;
	}
	.footer_main li{
		width:130px;
		height:66px;
		line-height:66px;
		font-size: 18px;
		font-weight: 600;
		padding-left:70px;
		background: url("../images/img/logo.png") no-repeat;
		float: left;
	}
	.footer_main li:nth-child(2){
		background: url("../images/img/logo.png") no-repeat 0 -80px;
	}
	.footer_main li:nth-child(3){
		background: url("../images/img/logo.png") no-repeat 0 -160px;
	}
	.footer_main li:nth-child(4){
		background: url("../images/img/logo.png") no-repeat 0 -240px;
	}
	.footer_main li:nth-child(5){
		background: url("../images/img/logo.png") no-repeat 0 -320px;
	}
	.footer_main li:nth-child(6){
		background: url("../images/img/logo.png") no-repeat 0 -400px;
	}
	.footer_main li:hover{
		transform: translateY(-5px);
		transition: all .5s;
		color: red;
	}
	.footer_main li:hover a{
		color: red;
	}

/*bottom*/
.bottom{
	background: #f5f5f5;
}

	.bottom_t{
		height: 164px;
		padding-top: 24px;
		border-bottom: 1px solid #e5e5e5;
	}
	.cat_phone{
		display: inline-block;
		margin-top: 25px;
		float: left;
	}
	.line{
		width:204px;
		float: left;
		margin-left:30px;
		font-size:12px;
	}
	.line li:nth-child(1){
		font-weight: 600;
	}
	.line li:nth-child(2){
		font-size:18px;
		line-height:40px;
	}
	.line li:nth-child(3){
		font-size:18px;
		line-height:40px;
	}
	.line li:nth-child(4){
		line-height:30px;
	}
	.pay{
		width:80px;
		margin-left:50px;
		font-size:12px;
		float: left;
	}
	.pay li{
		line-height:24px;
	}
	.pay li:first-child{
		font-weight:600;
		margin-bottom:16px;
	}
	.pay li a:hover{
		color: red;
		text-decoration: underline;
	}
	.app{
		width:95px;
		float: left;
		margin-left:55px;
		font-size:12px;
	}
	.app img{
		width:90px;
		height: 90px;
		margin-top:12px;
	}

	.bottom_b{
		height: 152px;
		padding-top: 18px;
		font-size: 14px;
		color: #999;

	}
	.bottom_b a{
		color: #999;
	}
	.bottom_b a:hover{
		text-decoration: underline;
		color: red;
	}
	.bottom_b_pic{
		width:1050px;
		height:30px;
		margin: 20px 80px;
	}
	.bottom_b_pic img {
		margin-right:6px;
		float: left;
	}
	.bottom_b span{
		font-size:12px;
		color: #000;
		display: inline-block;
		margin-left:190px;
	}